<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>系统管理员</title>
		<link rel="stylesheet" type="text/css" href="js/qingjia.css">
		<link rel="stylesheet" type="text/css" href="js/admin.css">
		<script src="js/vue.js"></script>
		<script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>
	</head>
	<body>
	//http://localhost:8080/kaoqin/yuanhaihua-web/add-class-for-teacher.html
		
		<div id="container">
			<div id="menu">
				
				<div class="menu-level-0">给用户分配角色</div>
				<div class="menu-level-1"><a href="admin-yifenpeijuese.html">已分配角色的用户</a></div>
				<div class="menu-level-1"><a href="admin.html">给用户分配班级</a></div>
				<div class="menu-level-1"><a href="admin-yifenpeijuese.html">已分配班级的用户</a></div>
				<div class="menu-level-1"><a href="admin.html">给班级分配老师</a></div>
				<div class="menu-level-1"><a href="admin-yifenpeijuese.html">已分配老师的班级</a></div>
			</div>
			
			<div id="qingjia">
				
				<div id="qingjia-left">
					<!-- qingjia-left -->
				</div>
				<div id="qingjia-right">
					<!-- qingjia-right -->
					<div id="qingjia-right-top">
						<!-- qingjia-right-top -->
						
						<div id="qingjia-right-top-top">
							给老师分配班级
						</div>
						<div id="qingjia-right-top-bottom">
							
							<table class="fenpeijuese">
								<tr>
									<td>USER_ID</td>
									<td>姓名</td>
									<td>手机号码</td>
									<td>可分配的班级</td>
									<td>操作</td>
								</tr>
								<div>
									<tr v-for="(resume,index) in inforList">
										<td>{{index}}</td>
										<td>{{resume.teacher.id}}</td>
										<td>{{resume.teacher.name}}</td>
										<td>{{resume.teacher.phone}}</td>
										<td>
											<select class="admin-select">
												<option>前端班</option>
												<option>后端班</option>
												<option>测试班</option>
											</select>
										</td>
										</tr>
										<td>
											<input class="fenpei" type="button" value="分配班级" />
										</td>
									</tr>
								</div>
							</table>
						</div>
						
					</div>
					
				</div>
				
			</div>
		</div>
	</body>
	<script>
	window.onload = function() {
		
		var table=new Vue({
			el:'#inforList',
			data:{
				"inforList":{},
			},
				methods:{
					post:function(){
						var url='http://localhost:8080/kaoqin/teacher/addClazzByTeacherId';
						this.$http.get(url).then(function(backdatas){
							console.log(backdatas);
							var code = backdatas.body.code;
							var dataR = backdatas.body.data;
							dataR=table.inforList;	
					});
				}				
			}
		});
		table.post();
	}
	</script>
</html>
